<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Классик Театр-Cтудия</title>

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <!--<script src="js/bootstrap.min.js"></script>-->
    <script src="js/responsiveslides.min.js"></script>
    <script src="js/main.js"></script>

    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/fonts.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <style>
        #theatre_page .afishaGray, #theatre_page .afishaWhite {
            padding: 2.5%;

        }
        #theatre_page .afishaGray {
            background-color: #191919;
            color: #dddddd;
        }

        #theatre_page .afisha_date {
            float:left;
            font-family: 'pf_agora_slab_proMdIt';
            text-transform: uppercase;
            font-size: 1.4em;
            font-weight: bold;
        }

        #theatre_page .afisha_place {
            float:right;
            text-align: right;
            font-family: 'pf_agora_slab_proMdIt';
            text-transform: uppercase;
            margin-bottom: 2em;
        }

        #theatre_page .afisha_name {
            text-align: center;
            font-family: 'pf_agora_slab_proMdIt';
            text-transform: uppercase;
            font-size: 2.2em;
            margin-bottom: 0.5em;

        }

        #theatre_page .afisha_text {
            font-family: 'open_sansregular';
        }

        #theatre_page .roles {
            padding-top: 1em;
            font-family: 'open_sansbold';
        }

        #theatre_page .roles span {
            font-size: 1.3em;
            font-weight: bold;

        }



        .afishaWhite {

        }

    </style>



    <!--[if gte IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->

    <!--[if IE 10]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->


</head>
<body>
<div class="container">
<div class="row-fluid" id="container">
<div class="row-fluid" style="margin-bottom: 50px">
    <div class="black-block row-fluid" id="head">

        <a href="/#"><img src="img/logo.png" id="logo" ></a>

        <div style="float:right">
            <div id="phones-top" class="white-block" style="float:right">
                <!--<div style="float: left"><img src="img/phone.png"></div> -->
                <div>
                    <ul>
                        <li>(044) <b> 362-12-25</b></li>
                    </ul>

                </div>

            </div>
            <div style="clear:both;"></div>

            <div id="main-menu" style="float: right">
                <ul>
                    <li><a href="theatre.html">Театр</a></li>
                    <li><a href="#">Студия</a></li>
                    <li><a href="#">Курсы</a></li>
                    <li><a href="#">Проекты</a></li>
                    <li><a href="#">Контакты</a></li>
                </ul>
            </div>
        </div>


    </div>
</div>



<div class="row-fluid white-block" id="content">

<div class="span3 left-changed"></div>
<div class="span9 right-changed" class="article">
    <div id="breadcrumbs">
        <ul>
            <li>Театр</li>
            <li>Галерея</li>
        </ul>
    </div>
    <h1 class="leftBlock" style="margin-bottom: 25px;">Контакты</h1>
</div>
<div>
<div class="span3 row-fluid leftBlock left-changed" id="left-menu">
    <!--<div class="span10 offset2">-->
    <div class="menu">
        <ul class="first-level">
            <li><a href="theatre.html">театр</a>
                <!--
                <ul class="second-level">
                    <li><a>студия</a></li>
                    <li><a>курсы</a></li>
                    <li><a>проекты</a></li>
                    <li><a>контакты</a></li>
                </ul>
                -->
            </li>

            <li><a>студия</a></li>
            <li><a>курсы</a></li>
            <li><a>проекты</a></li>
            <li><a>контакты</a></li>
        </ul>
    </div>
    <!--</div>-->

    <div style="margin-top: 4em;display: none;" id="afisha_left">
        <!--Афиша-->
        <h2><a href="#">Афиша</a></h2>

        <ul>
            <li class="afisha afisha_gray">
                <img src="img/sartr_main_afisha.jpg" style="float: left; width: 100px">

                <div style="text-align: right;">
                    <span style="font-size: 1.5em;">25.11 19.00</span><br>
                    Театр Актер
                </div>
                <div style="clear: both;"></div>
                <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


            </li>
            <li class="afisha afisha_white">

                <img src="img/sartr_main_afisha.jpg" style="float: right; width: 100px">

                <div style="text-align: left;">
                    <span style="font-size: 1.5em;">25.11 19.00</span><br>
                    Театр Актер
                </div>
                <div style="clear: both;"></div>
                <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>

            </li>
            <li class="afisha afisha_gray">
                <img src="img/sartr_main_afisha.jpg" style="float: left; width: 100px">

                <div style="text-align: right;">
                    <span style="font-size: 1.5em;">25.11 19.00</span><br>
                    Театр Актер
                </div>
                <div style="clear: both;"></div>
                <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


            </li>
            <li class="afisha afisha_white">

                <img src="img/sartr_main_afisha.jpg" style="float: right; width: 100px">

                <div style="text-align: left;">
                    <span style="font-size: 1.5em;">25.11 19.00</span><br>
                    Театр Актер
                </div>
                <div style="clear: both;"></div>
                <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


            </li>

        </ul>


    </div>


</div>
<div id="text" class="span9 row-fluid right-changed">
    <div class="span11">
        <div id="contacts_page" >

            (050)413-95-40<br>
            (067)859-11-69<br>
            (093)992-32-40    <br>



        </div>




    </div>
</div>


</div>
</div>

<div class="row-fluid black-block" id="footer">
    <div id="footer-info" class="leftBlock" >
        Театр-студия Классик<br>
        (050)413-95-40<br>
        (067)859-11-69<br>
        (093)992-32-40<br>


    </div>

    <div id="social" class="rightBlock" >
        <ul>
            <li class="facebook"><a href="facebook.com"></a></li>
            <li class="vk"><a href="vk.com"></a></li>
            <li class="youtube"><a href="youtube.com"></a></li>

        </ul>

    </div>

</div>

</div>
</div>

</body>
</html>